<div class="white-bg padding-lg padding-top border-radius">
    <div class="flex justify-between">
        <div class="text-title">业主信息</div>
        <div>
            <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
               v-on:click="vc.goBack()">
                <i class="fa fa-close"></i>返回
            </button>
        </div>
    </div>
    <!-- 业主信息 -->
    <div class="margin-top">
        <div class="text-center vc-float-left" style="width: 150px;" v-if="adminOwnerDetailInfo.faceUrl">
            <image width="120px" height="140px" class="border-radius" v-bind:src="adminOwnerDetailInfo.faceUrl"
                @error="errorLoadImg" />
        </div>
        <div class="text-center vc-float-left" style="width: 150px;" v-else>
            <image width="120px" height="140px" class="border-radius" src="/img/noPhoto.jpg" />
        </div>
        <div class="row" style="min-height: 160px;">
            <div class="col-sm-12">
                <div class="row">
                   
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="名称：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminOwnerDetailInfo.name}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3" v-if="adminOwnerDetailInfo.personType == 'P'">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="性别：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">
                                {{adminOwnerDetailInfo.sex == '0' ? '男' : (adminOwnerDetailInfo.sex == '1' ? '女' : '')}}
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="小区名称：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminOwnerDetailInfo.communityName}}</label>
                        </div>
                    </div>
                  

                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="人员类型：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminOwnerDetailInfo.personTypeName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="人员角色：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminOwnerDetailInfo.personRoleName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="证件号：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminOwnerDetailInfo.idCard}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="联系方式：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminOwnerDetailInfo.link}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="备用手机：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminOwnerDetailInfo.concactLink}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3" v-if="adminOwnerDetailInfo.personType == 'C'">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="联系人：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminOwnerDetailInfo.concactPerson}}</label>
                        </div>
                    </div>
                    
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="创建员工：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminOwnerDetailInfo.userName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="备注：" namespace="adminOwnerDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminOwnerDetailInfo.remark}}</label>
                        </div>
                    </div>
                   
                </div>
                <div v-for="(item,index) in adminOwnerDetailInfo.ownerAttrDtos">
                    <div class="row" v-if="index % 4 == 0">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">{{item.specName}}：</label>
                                <label class="">{{item.valueName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3" v-if="index < adminOwnerDetailInfo.ownerAttrDtos.length-1">
                            <div class="form-group">
                                <label
                                    class="col-form-label">{{adminOwnerDetailInfo.ownerAttrDtos[index+1].specName}}：</label>
                                <label class="">{{adminOwnerDetailInfo.ownerAttrDtos[index+1].valueName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3" v-if="index < adminOwnerDetailInfo.ownerAttrDtos.length-2">
                            <div class="form-group">
                                <label
                                    class="col-form-label">{{adminOwnerDetailInfo.ownerAttrDtos[index+2].specName}}：</label>
                                <label class="">{{adminOwnerDetailInfo.ownerAttrDtos[index+2].valueName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3" v-if="index < adminOwnerDetailInfo.ownerAttrDtos.length-3">
                            <div class="form-group">
                                <label
                                    class="col-form-label">{{adminOwnerDetailInfo.ownerAttrDtos[index+3].specName}}：</label>
                                <label class="">{{adminOwnerDetailInfo.ownerAttrDtos[index+3].valueName}}</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="vc-line-primary margin-top"></div>
    <div class="margin-top-sm">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aRoomDetailRoom'}"
                    v-on:click="changeTab('aRoomDetailRoom')">
                    <vc:i18n name="房屋" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aRoomDetailCar'}"
                    v-on:click="changeTab('aRoomDetailCar')">
                    <vc:i18n name="车辆" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aRoomDetailContract'}"
                    v-on:click="changeTab('aRoomDetailContract')">
                    <vc:i18n name="合同" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aRoomDetailMember'}"
                    v-on:click="changeTab('aRoomDetailMember')">
                    <vc:i18n name="成员" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aOwnerDetailHis'}"
                    v-on:click="changeTab('aOwnerDetailHis')">
                    <vc:i18n name="修改记录" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aOwnerDetailRoomFee'}"
                    v-on:click="changeTab('aOwnerDetailRoomFee')">
                    <vc:i18n name="房屋费用" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aRoomDetailHisFee'}"
                    v-on:click="changeTab('aRoomDetailHisFee')">
                    <vc:i18n name="缴费历史" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aOwnerDetailAccount'}"
                    v-on:click="changeTab('aOwnerDetailAccount')">
                    <vc:i18n name="账户" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aOwnerDetailCoupon'}"
                    v-on:click="changeTab('aOwnerDetailCoupon')">
                    <vc:i18n name="优惠券" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aOwnerDetailAppUser'}"
                    v-on:click="changeTab('aOwnerDetailAppUser')">
                    <vc:i18n name="业主绑定" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aRoomDetailComplaint'}"
                    v-on:click="changeTab('aRoomDetailComplaint')">
                    <vc:i18n name="投诉" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aRoomDetailRepair'}"
                    v-on:click="changeTab('aRoomDetailRepair')">
                    <vc:i18n name="报修" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item" v-if="adminOwnerDetailInfo.link">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aOwnerDetailVisit'}"
                    v-on:click="changeTab('aOwnerDetailVisit')">
                    <vc:i18n name="访客" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
      
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aRoomDetailReceipt'}"
                    v-on:click="changeTab('aRoomDetailReceipt')">
                    <vc:i18n name="缴费收据" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aOwnerDetailAcctReceipt'}"
                    v-on:click="changeTab('aOwnerDetailAcctReceipt')">
                    <vc:i18n name="预存收据" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'aOwnerDetailAccessControl'}"
                    v-on:click="changeTab('aOwnerDetailAccessControl')">
                    <vc:i18n name="人脸同步" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <!-- <li class="nav-item">
                <a class="nav-link"
                    v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'adminOwnerDetailAccessControlRecord'}"
                    v-on:click="changeTab('adminOwnerDetailAccessControlRecord')">
                    <vc:i18n name="开门记录" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link"
                    v-bind:class="{active:adminOwnerDetailInfo._currentTab == 'adminOwnerDetailChargeMachineOrder'}"
                    v-on:click="changeTab('adminOwnerDetailChargeMachineOrder')">
                    <vc:i18n name="充电订单" namespace="adminOwnerDetail"></vc:i18n>
                </a>
            </li> -->
        </ul>
    </div>
    <div v-if="adminOwnerDetailInfo._currentTab == 'aRoomDetailRoom'">
        <vc:create path="community/aRoomDetailRoom"></vc:create>
    </div>
   
    <div v-if="adminOwnerDetailInfo._currentTab == 'aRoomDetailCar'">
        <vc:create path="community/aRoomDetailCar"></vc:create>
    </div>
    
    <div v-if="adminOwnerDetailInfo._currentTab == 'aRoomDetailMember'">
        <vc:create path="community/aRoomDetailMember"></vc:create>
    </div>
     
    <div v-if="adminOwnerDetailInfo._currentTab == 'aRoomDetailHisFee'">
        <vc:create path="community/aRoomDetailHisFee"></vc:create>
    </div>
    <div v-if="adminOwnerDetailInfo._currentTab == 'aRoomDetailContract'">
        <vc:create path="community/aRoomDetailContract"></vc:create>
    </div>
   
    <div v-if="adminOwnerDetailInfo._currentTab == 'aRoomDetailComplaint'">
        <vc:create path="community/aRoomDetailComplaint"></vc:create>
    </div>
     
    <div v-if="adminOwnerDetailInfo._currentTab == 'aRoomDetailRepair'">
        <vc:create path="community/aRoomDetailRepair"></vc:create>
    </div>
    
    <div v-if="adminOwnerDetailInfo._currentTab == 'aRoomDetailReceipt'">
        <vc:create path="community/aRoomDetailReceipt"></vc:create>
    </div>
    
    <div v-if="adminOwnerDetailInfo._currentTab == 'aOwnerDetailHis'">
        <vc:create path="owner/aOwnerDetailHis"></vc:create>
    </div>
     
    <div v-show="adminOwnerDetailInfo._currentTab == 'aOwnerDetailRoomFee'">
        <vc:create path="owner/aOwnerDetailRoomFee"></vc:create>
    </div>
    
    <div v-if="adminOwnerDetailInfo._currentTab == 'aOwnerDetailAccount'">
        <vc:create path="owner/aOwnerDetailAccount"></vc:create>
    </div>
   
    <div v-if="adminOwnerDetailInfo._currentTab == 'aOwnerDetailCoupon'">
        <vc:create path="owner/aOwnerDetailCoupon"></vc:create>
    </div>
  <div v-if="adminOwnerDetailInfo._currentTab == 'aOwnerDetailAppUser'">
        <vc:create path="owner/aOwnerDetailAppUser"></vc:create>
    </div>
    
    <div v-if="adminOwnerDetailInfo._currentTab == 'aOwnerDetailVisit'">
        <vc:create path="owner/aOwnerDetailVisit"></vc:create>
    </div>
    <div v-if="adminOwnerDetailInfo._currentTab == 'aOwnerDetailAcctReceipt'">
        <vc:create path="owner/aOwnerDetailAcctReceipt"></vc:create>
    </div>
    <div v-if="adminOwnerDetailInfo._currentTab == 'aOwnerDetailAccessControl'">
        <vc:create path="owner/aOwnerDetailAccessControl"></vc:create>
    </div>
     <!-- 
    <div v-if="adminOwnerDetailInfo._currentTab == 'adminOwnerDetailAccessControlRecord'">
        <vc:create path="owner/adminOwnerDetailAccessControlRecord"></vc:create>
    </div>
    <div v-if="adminOwnerDetailInfo._currentTab == 'adminOwnerDetailChargeMachineOrder'">
        <vc:create path="owner/adminOwnerDetailChargeMachineOrder"></vc:create>
    </div> -->
</div>